import axios from "axios";
export default function toDoFunc(todoLists, todoTitle) {
    const getId = () => {
        return Date.now() + Math.random().toString(16).substr(2, 4);
    }
    const addTodo = () => {
        //debugger
        let result = todoTitle.value.trim()
        if (!result) {
            return
        }
        let value = {
            id: getId(),
            completed: false,
            title: result
        }
        todoTitle.value = ''
        return value
    }


    let originTodo = null;
    const editorTodo = (todo) => {
        originTodo = todo.title;
    }
    const cancelEditor = (todo) => {
        todo.title = originTodo
    }
    const delTodo = (todo) => {
        todoLists.splice(todoLists.indexOf(todo), 1)
        // axios({
        //     method: "post",
        //     url: "/del",
        //     data: todo
        // })
        //     .then((res) => {

        //     })
        //     .catch((err) => {
        //         console.log(err);
        //     });
    }

    const delAll = () => {
        todoLists.value.length = 0
        console.log(todoLists)
    }

    return {
        addTodo,
        editorTodo,
        cancelEditor,
        delTodo,
        delAll
    }
}